<template>
  <div class="chart-container hide-scroller-bar">
    <div class="alarm-wrap">
      <AlarmRecord />
    </div>
  </div>
</template>

<script>
import { defineComponent } from "vue";
import AlarmRecord from "./AlarmRecord.vue";

export default defineComponent({
  name: "SecurityBottom",
  components: { AlarmRecord },
});
</script>

<style lang="less" scoped>
@import "../../styles/common.less";

.chart-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  .alarm-wrap {
    width: 100%;
    height: 37%;
    min-height: 160px;
    pointer-events: all;
  }
}
</style>
